﻿
.wrapper
{
	text-align:center;
	margin:auto;
}

.clearboth
{
	clear:both;
}
/* Phần trên cùng của một trang */
.header
{
	color : blue;
	text-align : center;
	font-size : x-large;
	padding : 20px 20px 20px 20px;
}

/*Phần thêm của một trang Admin*/
.add
{
	padding : 30px 30px 30px 30px;
	border-style : dotted;
	border-color : Gray;
	border-width : 0px;
	text-align:left;
}

/*Phần liệt kê các record của một trang admin*/
.list
{
	padding : 30px 30px 30px 30px;
	border-style : dotted;
	border-color : Gray;
	border-width : 0px;
	text-align:left;
}

/*Căn lề cho một thẻ div bất kỳ*/
.round
{
	border: 1px dotted Blue;
	padding: 20px;
}

/*Cột trái của bảng thêm*/
td.left-add
{
	width : 150px;
}

.small-header
{
	text-align : center;
	width : 100%;
	font-size : large;
	padding : 10px 10px 10px 10px;
}

/*Cột phải của bảng thêm*/
td.right-add
{
	width : 70%;
}

/*Định dạng chữ màu đỏ khi báo lỗi*/
.error
{
	color : Red;
}

/*Định dạng chữ màu xanh khi hiển thị thông tin*/
.info
{
	color : Blue;
}

.margin
{
	margin : 10px 10px 10px 10px;
}

.margin-left
{
	margin-left:10px;
}

.right-float
{
	float:right;
}

.left-float
{
	float:left;
}

.button-close
{
	float:right;
}

.style
{
    background-color:#002952;
    width:1100px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    font-size:x-large;
    color:White;
}

.styleGrid
{
    width:100%;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}

.styleButton
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:#3D9FDA;
    margin-top: 0px;
}

.styleButtonAdd
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:#507CD1;
     box-shadow: 1px 1px #818181;
    -webkit-box-shadow: 1px 1px #818181;
    -moz-box-shadow: 1px 1px #818181;
}

.styleButton:hover
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:#138EC8;
}

.styleButtonAdd:hover
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:#002952;

}

.styleButtonCancle
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:Gray;
}

.styleButtonCancle:hover
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:Black;
}


.styleText 
{
    padding:0 0 0 8px;
    margin:0;
    line-height:27px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#57B7F0;
}

.styleText:focus
{
    height:30px;
    width:auto;
    padding:0 0 0 8px;
    margin:0;
    line-height:27px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#1176D4;
     color:#FFFFFF;
     
}

.styleText:focus
{
    background-color:#00abeb;
}

.styleButtonHome
{     
    width:50%;
    height:130px;
     -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#FFFFFF;
    text-shadow:1px 1px #3597bf;
    background-color:#62ACDA;
     box-shadow: 3px 3px ##4065BD;
    -webkit-box-shadow: 3px 3px #4065BD;
    -moz-box-shadow: 3px 3px #4065BD;
    
    -webkit-transition: all .5s;
}

.styleButtonHome:hover
{     
    -webkit-transform:scale(1.1);
     background-color:#2F4A8A;
}

.error_date
{
    font-size:x-small;
    font-weight:bold;
}